
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<title>D M S - Deputation Management System</title>
<link rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" href="css/jqtransform.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/global1.css" type="text/css" media="all" />
<link rel="stylesheet" href="header/header.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/actitime_css.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/login_css.css" type="text/css" media="all" />

<link rel="icon" href="images/Timesheet-icon.png" type="image/x-icon" />
<link rel="shortcut icon" href="images/Timesheet-icon.png" type="image/x-icon" />

<script type='text/javascript' src='js/jquery.js'></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="app-script/notifier.js"></script>
<script language="javascript">
	$(document).ready(function() {
    	$('.jqTransform').jqTransform({
        	imgPath : 'images/'
        });
		notifierInst = new notifier($("#notifier"));
	    <%String message = (String) request.getAttribute("message");
		if (message != null) {%>
	    	notifierInst.showMessage("<%=message%>");
		<%}%>
		
		$("#loginButton").click(function() {
			document.forms[0].submit();
		});
	});
</script>

</head>
<body>
	<form name="LoginForm" method="post" action="login">
		<div class="header">
			&nbsp;</div>
		<table width="100%" border="0" cellpadding="0" cellspacing="0"
			align="center">
			<tbody>
				<tr>
					<td align="center">
						<table class="login" border="0" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
									<td>
										<table class="loginBox" id="loginBox" cellpadding="0"
											cellspacing="0">
											<tbody>
												<tr class="topBorder">
													<td class="c"></td>
													<td class="c b h"><img src="./images/s.gif" />
													</td>
													<td class="t"><img src="./images/s.gif" />
													</td>
													<td class="c b h"><img src="./images/s.gif" />
													</td>
													<td class="c"></td>
												</tr>
												<tr class="topBorder">
													<td class="c r v"><img src="./images/s.gif" />
													</td>
													<td colspan="3"></td>
													<td class="c l v"><img src="./images/s.gif" />
													</td>
												</tr>
												<tr>
													<td class="l" colspan="2"><img src="./images/s.gif" />
													</td>
													<td class="i">
														<table border="0" cellpadding="5" cellspacing="0">
															<tbody>
																<tr>
																	<td valign="top" align="center">
																		<div style="margin-top: 27px;">
																		 	<img src="./images/DMS-Logo-Final.jpg" width="210px" /> 
																		</div></td>
																	<td valign="top">
																		<table class="mainArea" border="0" cellspacing="0">
																			<tbody>
																				<tr>
																					<td><div class="notifier ui-helper-clearfix" id="notifier"></div><div id="identify" class="header">Please identify yourself</div></td>
																				</tr>
																				<tr>
																					<td class="errorMessagesArea">
																						<div id="ClientSideErrorMessage"
																							style="width: 240px; display: none;">
																							<table border="0" cellpadding="0" cellspacing="0">
																								<tbody>
																									<tr>
																										<td valign="top"><img
																											src="./images/error.gif" />
																										</td>
																										<td>
																											<table border="0" cellpadding="0"
																												cellspacing="0">
																												<tbody>
																													<tr>
																														<td style="padding-left: 6px;"
																															valign="top"><span class="errormsg"
																															id="errorSpan"></span></td>
																													</tr>
																												</tbody>
																											</table></td>
																									</tr>
																								</tbody>
																							</table>
																						</div></td>
																				</tr>
																				<tr>
																					<td class="textFieldsArea">
																						<table class="textFieldsTable" border="0"
																							cellpadding="3" cellspacing="5">
																							<tbody>
																								<tr>
																									<td valign="middle">Username:</td>
																									<td valign="middle"><input name="username"
																										class="textField" type="text" />
																									</td>
																								</tr>
																								<tr>
																									<td valign="middle">Password:</td>
																									<td valign="middle"><input name="password"
																										value="" class="textField" type="password" />
																									</td>
																								</tr>
																							</tbody>
																						</table></td>
																				</tr>
																				<tr>
																					<td class="keepLoggedIn">
																						<table width="100%" border="0" cellpadding="0"
																							cellspacing="0">
																							<tbody>
																								<tr>
																									<td valign="top" width="28%">&nbsp;</td>
																									<td valign="top" align="right"><a
																										id="loginButton" class="initial">Login</a>
																										<div id="inProgressText"
																											class="inProgressText">Logging in ...</div></td>

																									<td valign="middle">
																										<div class="label">
																											<a href="#" id="keepLoggedInLabel"
																												style="color: rgb(40, 81, 115);">Forgot
																												Password?</a>
																										</div></td>
																								</tr>
																							</tbody>
																						</table></td>
																				</tr>
																			</tbody>
																		</table></td>
																</tr>
															</tbody>
														</table></td>
													<td class="r" colspan="2"><img src="./images/s.gif" />
													</td>
												</tr>
												<tr class="bottomBorder">
													<td class="c r v"><img src="./images/s.gif" />
													</td>
													<td colspan="3"></td>
													<td class="c l v"><img src="./images/s.gif" />
													</td>
												</tr>
												<tr class="bottomBorder">
													<td class="c"></td>
													<td class="c t h"><img src="./images/s.gif" />
													</td>
													<td class="b"><img src="./images/s.gif" />
													</td>
													<td class="c t h"><img src="./images/s.gif" />
													</td>
													<td class="c"></td>
												</tr>
											</tbody>
										</table></td>
								</tr>
							</tbody>
						</table></td>
				</tr>
			</tbody>
		</table>
	</form>
</body>
</html>
